<template>
    <div class="app">
        <!-- <Person a="hh" b="嘿嘿" :list="personList"/> -->
         <Person/>
    </div>
</template>

<script lang="ts" setup name="App">
    import Person from './components/Person.vue';
    import { reactive } from 'vue';
    import type { Persons } from './types';

    let personList = reactive<Persons>([
        {id:'asudfysafd01',name:'张三',age:18},
        {id:'asudfysafd02',name:'李四',age:20},
        {id:'asudfysafd03',name:'王五',age:12}
    ])
</script>

<style>
    .app{
        background-color: #ddd;
        box-shadow: 0 0 10px;
        border-radius: 10px;
        padding: 20px;
    }
</style>